<template>
    <div>
        <div class="sre_5">
            <a href="">即刻与名师畅聊</a>
        </div>
        <div class="sre_6">
            <img src="/static/images/sre6-18.png" alt="" class="img-top" >
            <img src="/static/images/sre6-2.png" alt="" >
            <img src="/static/images/sre6-3.png" alt="" >
            <img src="/static/images/sre6-4.png" alt="" >
        </div>
            <div class="sre_7">
                <img src="/static/images/sre6-5.png" alt="" class="img-top">
                <img src="/static/images/sre6-6.png" alt="">
        </div>
                <div class="sre_8">
                    <img src="/static/images/sre6-10.png" alt="" class="img-top">
                    <img src="/static/images/sre6-7.png" alt="" >
                    <img src="/static/images/sre6-8.png" alt="">
                    <img src="/static/images/sre6-9.png" alt="">

                </div>
                    <div class="sre_9">
                        <h5>旗下品牌</h5>
                        <div class="fx" v-for="(ietm,index) of logo" :key="index">
                            <div v-for="(ietm1,index) of ietm" :key="index">
                                <img :src="ietm1" alt="">
                            </div>
                            </div>
                        </div>
                        <div class="sre_10">
                            <img src="/static/images/sre10-1.png" alt="" class="img-top">
                            <img src="/static/images/sre10-2.png" alt="">
                        </div>
                            <div class="footer">
                                <div class="fx">
                                    <a href=""><img src="/static/images/footer1.png" alt=""> 触屏版</a>
                                        <a href=""><img src="/static/images/footer2.png" alt="">电脑版</a>
                                </div>
                                <p>版权所有 北京中业汇智教育科技有限公司</p>
                            </div>
                        </div>
</template>
<script>
export default {
  name: "img1",
  data() {
    return {
      logo: [
        [
          "/static/images/sre6-12.png",
          "/static/images/sre6-13.png",
          "/static/images/sre6-14.png"
        ],
        [
          "/static/images/sre6-15.png",
          "/static/images/sre6-16.png",
          "/static/images/sre6-17.png"
        ]
      ]
    };
  }
};
</script>
<style scoped>
.sre_5 {
  width: 100%;
  height: 0;
  padding-bottom: 50.04%;
  background: url(/static/images/sre6-1.png) no-repeat center center;
  background-size: 100%;
  overflow: hidden;
}
.sre_5 a {
  display: block;
  margin: 0 auto;
  margin-top: 8.8rem;
  width: 75%;
  height: 2.3rem;
  border: 1px solid #fff;
  border-radius: 20px;
  line-height: 2.3rem;
  text-align: center;
  color: #fff;
  font-size: 1rem;
}
.sre_6 {
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  padding-bottom: 2rem;
}
.sre_6 img {
  margin-top: 1rem;
  width: 100%;
}

.sre_6 img.img-top {
  width: 70%;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.sre_7 {
  width: 100%;
  text-align: center;
  background: #fff;
}
.sre_7 img {
  margin-top: 1rem;
  width: 100%;
}

.sre_7 img.img-top {
  width: 70%;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.sre_8 {
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  padding-bottom: 1rem;
}
.sre_8 img {
  margin-top: 1rem;
  width: 100%;
}

.sre_8 img.img-top {
  width: 70%;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.sre_9 {
  width: 100%;
  height: 0;
  padding-bottom: 87.4%;
  background: url(/static/images/sre6-11.png) no-repeat center center;
  background-size: 100%;
}
.sre_9 h5 {
  font-size: 1.5rem;
  padding-top: 2rem;
  text-align: center;
  padding-bottom: 1rem;
  color: #fff;
}
.sre_9 .fx {
  display: flex;
}
.sre_9 .fx div {
  flex: 1;
}
.sre_9 .fx div img {
  width: 100%;
}
.sre_10 {
  width: 100%;
  text-align: center;
  padding-bottom: 2rem;
}
.sre_10 img {
  margin-top: 1rem;
  width: 95%;
}

.sre_10 img.img-top {
  width: 70%;
  display: inline-block;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.footer {
  width: 100%;
  text-align: center;
  background: #444444;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.footer .fx a {
  font-size: 1rem;
  color: #fff;
}
.footer .fx a img {
  width: 8%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
.footer p {
  margin-top: 0.5rem;
  font-size: 1rem;
  color: #fff;
}
</style>

